<script setup>

import {ref} from 'vue'
const username = ref('jack')
//标识是否登录
const isLogin = ref(true)
//定义分数
const score = ref(98.5)
const flag = ref(true);
</script>

<template>
  <div v-if="!isLogin">欢迎您:{{username}}</div>
  <div v-else>欢迎您，游客，请登录！</div>
  <div>分数等级：</div>
  <div v-if="score>=85">优秀</div>
  <div v-else-if="score>=75">良好</div>
  <div v-else-if="score>=60">合格</div>
  <div v-else>不及格</div>
  <div v-if="!flag">显示的内容。。。</div>
  <div v-show="!flag">显示的内容。。。</div>
</template>

<style scoped>

</style>